<?php
$isLoggedIn = m_checkLogin();
?>
<div id="play">
    <script type="text/javascript" src="http://matxac.com/no-cache/view_add.php?id=<?=$song_ID;?>"></script>

    <!-- begin player -->
    <div class="player">

        <div class="top_player">
            <h1 class="title"><?=$song_TITLE;?></h1>
            <img alt="Liên hệ quảng cáo" style="border: 0px" width="470px" height="85px" src="http://matxac.com/ads/CONTACT.jpg" /><br /><br />
            <a href="http://www.google.com.vn/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;ved=0CFwQFjAA&amp;url=http%3A%2F%2Fm88.in%2F&amp;ei=jxzOT4zPFI7zrQf17un7Cw&amp;usg=AFQjCNHU9zDKIr2umLoDwBTn0MS9IoFsSg&amp;sig2=OEyLIF-G0othUBfPJjALSw" target="_blank" ><img alt="Liên hệ quảng cáo" style="border: 0px" width="470px" height="260px" src="http://i1141.photobucket.com/albums/n600/romantic2503/djtuoigi-1.gif" /></a>

            <?php	
            if ($row['m_type'] == 1) {
            include("templates/".$_SESSION['current_tpl']."/players/mp3.html");
            }
            elseif ($row['m_type'] == 2) {
            include("templates/".$_SESSION['current_tpl']."/players/swf.html");
            }
            elseif ($row['m_type'] == 3) {
            include("templates/".$_SESSION['current_tpl']."/players/wmv.html");
            }

            ?>

            <ul class="buttons">
                <li class="add"><a href="#" onclick='return addToPlaylist(<?=$song_ID;?>);' title="thêm vào giỏ nhạc"><span><span>Add to playlist</span></span></a></li>
                <li class="download"><a id="ckValidDownload" href="#"><span><span>Download</span></span></a></li>
                <li class="comment"><a href="#" title="Ấn vào đây để xem bình luận bài hát bên dưới"><span><span>Bình luận(<?=$song_COMMENTS;?>)</span></span></a></li>
                <li class="warning"><a href="<?=$mainURL;?>/brokenlink.php?id=<?=$song_ID;?>" onclick="NewWindow(this.href,'name','400','70','yes');return false"><span><span>Báo lỗi</span></span></a></li>
            </ul>
            <ul class="buttons" id="validDownload" style="display:none">
                <div style="margin-left: 50px;float:left;">
                    <label for="text_captcha">Mã xác nhận : </label><input type="text" id="text_capcha" name="text_capcha"  size="15" placeholder="Mã xác nhận ... "/>
                </div>
                <div style="float: left;">
                    <img id="img_capcha" src="<?=$mainURL;?>/capcha.php" alt="Mã xác nhận" style="margin-left : 7px;"/>
                    <a href="#" onclick="document.getElementById('img_capcha').src = '<?=$mainURL;?>/capcha.php?' + Math.random(); return false" style="width: 24px;height: 24px">
                        <img src="<?=$tpl_link;?>/images/refresh_icon.png" width="24px" height="24px" id="refresh_capcha" style="cursor: pointer;"/>
                    </a>
                </div>
                <p><input type="button" value="Đồng ý" id="download"/></p>
            </ul>
            <div class="clear"></div>
            <div id="capcha">
            </div>
        </div>
        <center>
            <div id="buttonAction">
                <?php if($login_ID && !$checkLike) {?>
                <div id="like">
                    <a href="#" onclick='return like(<?=$song_ID;?>,<?=$login_ID; ?>, 1);' title="Thích hay không thích nữa"><span>Thích</span></a>
                </div>
                <?php } elseif($login_ID && $checkLike) { ?>
                <div id="unlike">
                    <a href="#" onclick='return unlike(<?=$song_ID;?>,<?=$login_ID; ?>, 1);' title="Thích hay không thích nữa"><span>Không thích</span></a>
                </div>
                <?php }?>
            </div>
            <div class="ct-sumlike">
                <span class="listLike"><?php echo $listUser; ?></span> 
                <span id="sumlike_<?php echo $song_ID ?>_1" class="sumlike" style="color: #89014B; font-weight: bold;"><?php echo ($sumLike > 0) ? $sumLike . " người " : ''; ?></span> 
                thích bài hát này
            </div>
            
        </center>	
        <div class="clear"></div>
        <center><font color="#89014b">Ấn +1 để tăng chất lượng Nghe Nhạc: </font><g:plusone size="small" href="<?=$song_URL?>" count="true"></g:plusone></center><br />
        <center><font color="#228a00">Đề xuất lên Facebook: </font><div class="fb-like" data-href="<?=$song_URL?>" data-send="false" data-layout="button_count" data-width="20" data-show-faces="false" data-colorscheme="dark"></div></center><br /> 
        <!--		         <center><font color="#28576b">Bạn đang nghe online là bản chất lượng thấp. </font><a href="<?=$song_DOWNLOAD;?>" target="_blank" >Click to Download 320Kbps</a></center><br />-->


    </div>
    <br />
    <div class="clear"></div>
    <div class="list">
        <a href="http://muahot.com" target="_blank" ><img alt="Liên hệ quảng cáo" width="470px" height="85px" style="border: 0px" src="http://d.f8.photo.zdn.vn/upload/original/2012/05/20/1/37/1337452642144271745_574_574.jpg" /></a><br /><br /> 


        <img alt="Liên hệ quảng cáo" style="border: 0px" src="http://matxac.com/ads/player.jpg" />
    </div>
    <div class="clear"></div>	
    <div class="list">



        <div class="clear"></div> 
        <!-- noi dung -->

        <!-- noi dung -->



    </div>
    <div class="clear"></div>






    <div class="info_song widget">
        <h2 class="title">Thông tin bài hát</h2>
        <div class="left_info_song">
            <p><img src="<?=$avatar;?>" alt="MatXac.Com"/></p>
            <p><?=$user_NAME;?></p>
        </div>
        <div class="right_info_song">


            <p>
                <span>Ca khúc:</span>
                <span class="right"><?=$song_TITLE;?></span>
            </p>



            <p>
                <span>Thể loại:</span>
                <span class="right"><a href="<?=$cat_URL;?>"><?=$cat_NAME;?></a></span>
            </p>
            <p>
                <span>Album:</span>
                <span class="right"><a href="<?=$album_URL;?>"><?=$album_NAME;?></a></span>
            </p>
            <p><span>Người Gửi:</span>
                <span class="right"><a href="<?=$user_URL;?>"><?=$user_NAME;?></a></span>
            </p>

            <p><span>Số lần nghe:</span>
                <span class="right"><?=$song_VIEWED;?></span>
            </p>


            <p><span>Số lần tải:</span>
                <span class="right"><?=$song_DOWNLOADED;?></span>
            </p>

            <p><span>Bình chọn:</span>
                <span class="right">

                    <span onmouseover="show_rating_process()" onmouseout="hide_rating_process()" id="rating_field">


                        <span style="display: block;" id="rate_s"><?=$rates;?></span>

                        <span id="rating_process" style="display: none;">

                            <a href="#Rate" onclick="return Rating(<?=$song_ID;?>,1);" onmouseover="show_star(1,'Dở');"> <img id=star1 src="<?=$tpl_link;?>/images/star_n.gif" border="0px"></a>

                            <a href="#Rate" onclick="return Rating(<?=$song_ID;?>,2);" onmouseover="show_star(2,'Bình Thường');"> <img id=star2 src="<?=$tpl_link;?>/images/star_n.gif" border="0px"></a>

                            <a href="#Rate" onclick="return Rating(<?=$song_ID;?>,3);" onmouseover="show_star(3,'Cũng Được');"> <img id=star3 src="<?=$tpl_link;?>/images/star_n.gif" border="0px"></a>

                            <a href="#Rate" onclick="return Rating(<?=$song_ID;?>,4);" onmouseover="show_star(4,'Hay');"> <img id=star4 src="<?=$tpl_link;?>/images/star_n.gif" border="0px"></a>

                            <a href="#Rate" onclick="return Rating(<?=$song_ID;?>,5);" onmouseover="show_star(5,'Rất hay');"> <img id=star5 src="<?=$tpl_link;?>/images/star_n.gif" border="0px"></a>

                        </span>

                    </span>    </span>          

            </p>

        </div>	
        <div class="clear"></div>

        <!--<script type="text/javascript">
        $(document).ready(function() {
        $('#hide_this').hide();
        $('#track_show').click(function() {
        $('#hide_this').toggle('slow');
                return false;
                });		
        });
        </script>-->        
        <div class="tracklist">
            <h2 class="title" id="track_show">track list:</h2>
            <div class="content" id="hide_this"><?=$song_LYRIC;?></div>
        </div>
    </div>                 

    <div class="widget"> 
        <!--<div class="title">
        <h2>Bình luận</h2>
         <p class="right"><a href="http://matxac.com/huongdan/comment/commentmatxac.html" target="_blank" title="Ấn vào đây để biết cách sử dụng comment"><span>Hướng dẫn cách bình luận</span></a></p> 
        </div>   
        -->
        <h2 class="title">Bình luận trên MatXac</h2>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#ckValidDownload").click(function() {
                    $("#validDownload").slideToggle();
                    return false;
                });
                    
                $('#download').click(function(){
                    //alert(mainURL);
                    var text = $('#text_capcha').val();
                    var code = "<?=$_SESSION['vercode']?>";
                    $.ajax({
                        url:"<?=$mainURL;?>/capcha.php?text=1", //Đường dẫn tới nơi xử lý request ajax
                        success: function (data){ //hàm gọi về khi thực hiện thành công
                            code=data;
                            if(text == code) {
                                var url = "<?=$song_DOWNLOAD; ?>";
                                window.open(url);
                            } else {
                                alert("Bạn hãy nhập lại captcha !"); 
                                $("#img_capcha").attr('src','<?=$mainURL;?>/capcha.php?' + Math.random());
                                return false;
                        
                            }
                        }
                    });
                    //alert(code);
                    return false;
                });
            });
        </script>
        <script type="text/javascript">
            $(document).ready(function(){
                //	$('#refresh_capcha').click(function(){
                //		  //alert(mainURL);
                //		  var genCapcha = url + '/capcha.php';
                //          
                //          $("#img_capcha").attr("src",genCapcha);
                //          
                //          
                //		});
        
                //Display Loading Image
                showComment();
                
                $("#nextComment").live('click', function() {
                    showComment();
                    return false;
                });
            });
        </script>
        <center><div id="loading1" ></div></center>
        <div id="content1" >
            <form method="post" onSubmit="return false;" name="comment" style="margin-top:0px">
                <input value="<?=$song_ID;?>" type="hidden" id="media_id">
                <div id='comment_loading' style='display:none'></div>
                    <div class='comment_box'>
                        <textarea name='comment_content' rows='5' id='comment_content' style='width:465px;height:50px;background:#141415;color:#999999;border:#000000 solid 1px;'></textarea> 
                    </div>
                <div class='center-form1'> 
                    <a class='addFriend commentClick' onClick='<?php echo ($isLoggedIn) ? "javascript:return comment_check_values(); document.comment.submit();" : "javascript:return alert(\"Bạn cần đăng nhập để Viết cảm nhận\")" ?>' style='float: none;margin: 10px 0 0 1px;width: 100px'>Gửi bình luận</a>
                <p class='comment_error'></p>
                </div>

            </form>
            <div id="contentComment">
                <input type="hidden" name="cntComment_<?php echo $song_ID ?>" id="cntComment" value=""/>
                <ul class="list_songs" id="note-text">
                    
                </ul>
                <center><a href="#" id="nextComment">Xem thêm</a></center>
            </div>
        </div>
    </div>                     

    <div class="clear"></div>
    <div class="widget"> 
        <div class="title">
            <h2>Bình luận trên Facebook</h2>
            <p class="right"><a href="http://matxac.com/huongdan/index.html" target="_blank" title="Ấn vào đây để biết cách sử dụng comment"><span>Hướng dẫn cách bình luận</span></a></p>
        </div>                    	


        <div class="fb-comments" data-href="<?=$song_URL?>" data-num-posts="10" data-width="470" data-colorscheme="dark"></div>
        <div id="fb-root"></div>

    </div>
    <div class="clear"></div>

    <div class="widget">
        <h2 class="title">Cùng người đăng</h2>
        <ul class="list_songs">
            <?=box_randompost($song_ID);?>	
        </ul>
    </div>

    <!-- end player -->
    <div class="clear"></div>


</div> 